<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>简陋的树</title>
	<style type="text/css">
		html,body{
			padding:0;
			margin:0;
		}
		li{
			list-style: none;
		}
		span{
			cursor: pointer;
		}
	</style>
	<script type="text/javascript" src="../jQuery v1.7.2.js"></script>
	<script type="text/javascript">
	$(document).ready(function(){
		$("span").click(function(){
			var me = $(this);
			if(me.text() == "+")me.text("-");
			else me.text("+");
			me.siblings("ul").slideToggle("fast");
		});
		$("#hiddenLeft").click(function(){
			$(".left").slideToggle("fast");
		});
	});
	</script>
</head>
<body>
	<ul>
		<li>
			<span>+</span>
			<a href="../cssTriangle/triangle.html">css画三角</a>
			<ul>
				<li>
					<span>+</span>
					<a href="http://www.baidu.com">baidu</a>
				</li>
			</ul>
		</li>
		<li>
			<span>+</span>
			<a href="../../index.html">一级菜单A</a>
			<ul>
				<li>
					<span>+</span>
					<a href="../../index.html">二级菜单A</a>
					<ul>
						<li>
							<span>+</span>
							<a href="../../index.html">三级级菜单A</a>
							<ul>
								<li>
									<span>+</span>
									<a href="../../index.html">四级级菜单A</a>
									<ul>
										<li>
											<span>+</span>
											<a href="../../index.html">五级级菜单A</a>
										</li>
										<li>
											<span>+</span>
											<a href="../../index.html">五级级菜单B</a>
										</li>
										<li>
											<span>+</span>
											<a href="../../index.html">五级级菜单C</a>
										</li>
									</ul>
								</li>
								<li>
									<span>+</span>
									<a href="../../index.html">四级级菜单B</a>
								</li>
								<li>
									<span>+</span>
									<a href="../../index.html">四级级菜单C</a>
									<ul>
										<li>
											<span>+</span>
											<a href="../../index.html">五级级菜单A</a>
										</li>
										<li>
											<span>+</span>
											<a href="../../index.html">五级级菜单B</a>
											<ul>
												<li>
													<span>+</span>
													<a href="../../index.html">六级级菜单A</a>
												</li>
												<li>
													<span>+</span>
													<a href="../../index.html">六级级菜单B</a>
												</li>
												<li>
													<span>+</span>
													<a href="../../index.html">六级级菜单C</a>
												</li>
											</ul>
										</li>
										<li>
											<span>+</span>
											<a href="../../index.html">五级级菜单C</a>
										</li>
									</ul>
								</li>
							</ul>
						</li>
						<li>
							<span>+</span>
							<a href="../../index.html">三级级菜单B</a>
							<ul>
								<li>
									<span>+</span>
									<a href="../../index.html">四级级菜单A</a>
								</li>
								<li>
									<span>+</span>
									<a href="../../index.html">四级级菜单B</a>
								</li>
								<li>
									<span>+</span>
									<a href="../../index.html">四级级菜单C</a>
								</li>
							</ul>
						</li>
						<li>
							<span>+</span>
							<a href="../../index.html">三级级菜单C</a>
						</li>
					</ul>
				</li>
				<li>
					<span>+</span>
					<a href="../../index.html">二级菜单B</a>
					<ul>
						<li>
							<span>+</span>
							<a href="../../index.html">三级级菜单A</a>
						</li>
						<li>
							<span>+</span>
							<a href="../../index.html">三级级菜单B</a>
						</li>
						<li>
							<span>+</span>
							<a href="../../index.html">三级级菜单C</a>
						</li>
					</ul>
				</li>
				<li>
					<span>+</span>
					<a href="../../index.html">二级菜单C</a>
					<ul>
						<li>
							<span>+</span>
							<a href="../../index.html">三级级菜单A</a>
						</li>
						<li>
							<span>+</span>
							<a href="../../index.html">三级级菜单B</a>
						</li>
						<li>
							<span>+</span>
							<a href="../../index.html">三级级菜单C</a>
						</li>
					</ul>
				</li>
			</ul>
		</li>
		<li>
			<span>+</span>
			<a href="../../index.html">一级菜单B</a>
			<ul>
				<li>
					<span>+</span>
					<a href="../../index.html">二级菜单A</a>
				</li>
				<li>
					<span>+</span>
					<a href="../../index.html">二级菜单B</a>
				</li>
				<li>
					<span>+</span>
					<a href="../../index.html">二级菜单C</a>
				</li>
			</ul>
		</li>
	</ul>
</body>
</html>